@import "../../../customGlobal.scss";
.nav {
  position: relative;
  z-index: 1;
  font-size: 0.87rem;
  background: #fff;
  // border-bottom: 0.03rem solid #ebebed;
}

.wrap {
  width: 100%;
}

.siftList {
  text-align: center;
  padding: 0.5rem 0rem 0.5rem 0rem;
  color: #5c5e66;
  background: #fff;
  z-index: 1;
}

.sift-title {
  max-width: 80%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.88rem;
  line-height: 0.88rem;
}

.icon-down {
  /* transform: rotate(-45deg);
       position: absolute;
       bottom: -10px;
       font-size: 20px;
       right:1px;*/
  background: url("../../../assets/img/icon_down.png") no-repeat;
  background-size: 0.25rem;
  width: 0.25rem;
  // height: 0.19rem;
  margin-left: 0.32rem;
}

li {
  position: relative;
}

li:last-child {
  border-right: 0;
}

li.active {
  color: #ff6314;
}

li.active .icon-down {
  background: url("../../../assets/img/icon_up.png") no-repeat;
  background-size: 0.25rem;
}
.semicircle-box {
  display: flex;
  align-items: center;
  min-width: 4.2rem;
  height: 1.75rem;
  background: #f2f3f5;
  @if $appType == "LJ" {
    background: #ffffff;
  }
  border-radius: 0.94rem;
  justify-content: center;
  // max-width: 4.2rem;
}

.marginRight {
  margin-right: 0.315rem;
}
.marginLeft {
  margin-left: 0.315rem;
}

.showDrop {
  display: none;
}

ion-backdrop {
  // opacity: 0.3;
  position: fixed;
  bottom: 0;
}
